<template>
  <div class="p-lr-15">
    <a-form :labelCol="{ span: 4 }" :wrapperCol="{ span: 20 }">
      <a-form-item required label="报表名称">
        <a-input
          v-model:value="data.reportName"
          placeholder="请输入表格名称"
        ></a-input>
      </a-form-item>
      <a-form-item required label="报表分类">
        <a-select v-model:value="data.reportType" placeholder="请选择">
          <a-select-option
            v-for="item in typeList"
            :key="item.id"
            :value="item.id"
          >
            {{ item.name }}
          </a-select-option>
        </a-select>
      </a-form-item>

      <a-form-item label="备注">
        <a-textarea
          v-model:value="data.note"
          placeholder="请输入备注"
          :rows="4"
        />
      </a-form-item>
    </a-form>
  </div>
</template>
<script>
  import { GetDict } from '@/api/dictionary/api'

  export default {
    // eslint-disable-next-line vue/require-prop-types
    props: ['data'],
    data() {
      return {
        linkDbData: [],
        linkTableData: [],
        linkFiledData: [],
        typeList: [],
      }
    },
    created() {
      GetDict({
        id: 'f63b47b5-2c9f-f4a8-e36a-39fb8493f552',
        bChild: true,
      }).then((res) => {
        if (res.isSuccess) {
          this.typeList = res.content.children
        }
      })
    },

    methods: {},
  }
</script>
